/** 通用样式 **/



body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img{border:medium none;margin: 0;padding: 0;}



body,button, input, select, textarea{font: 16px/1.5 arial,'Microsoft Yahei'; color:#222;}



body{ background:#fff;}



h1, h2, h3, h4, h5, h6{font-size:100%;}



input,button{border: none;background: none;}



input[type="text"],



input[type="password"],button{outline: none;-webkit-appearance:none;}



em,i{font-style:normal;}



ul, ol{list-style:none;}



a{text-decoration:none;color:#333;}



a,a:hover,a:active,a:visited,a:link,a:focus{ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; text-decoration: none;}



a:hover{color:#0B8988; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}



fieldset, img { border:medium none; vertical-align:top;}



li:hover{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



img:hover{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}



.clearfix:after{clear:both;content:"";display:block;height:0;}



.clearfix{*zoom:1;}



.left{float: left;}



.right{float:right;}



.wp{margin:0px auto; padding:0 6%;}



.w1400{ width:1400px; margin:0 auto; max-width:1400px; }







.header_box{ width:100%; position:fixed; z-index:99999991; border-bottom:1px solid rgba(74,87,109,.4)}



.logo{ width:186px; height:52px; padding:15px 0 15px 3%;}



.logo a{ display:block;}



.logo img{ width:100%;}



.nav_box{ line-height:80px; margin:0 10% 0 0;}



.nav_box li{ float:left; margin:0 26px; display:inline; padding:0 10px; font-size:18px; position:relative;}

.nav_box li .nav-item{ display:block; color:#fff; height:78px; padding:0 2px;}

.nav_box li.active .nav-item{ border-bottom:4px solid #0B8988;}

.nav_box li:hover .nav-item{ border-bottom:4px solid #0B8988;}

.nav_box li .dropdown{ position:absolute; left:0px; top:82px; z-index:101; width:100%; background:rgba(255,255,255,0.8); display:none;}

.nav_box li .dropdown a{ display:block; width:100%; text-align:center; line-height:25px; padding:10px 0; font-size:15px; font-weight:bold;}

.nav_box li .dropdown a:hover{background:rgba(13,138,137,0.8); color: #fff}



.ico_weixin{ width:24px; padding:29px 10px; float:left;}



.ico_weixin img{ height:24px; opacity:.9;}



.ico_weixin a:hover img{opacity:1;}



.ico_weibo{ width:24px; padding:29px 10px; float:left;}



.ico_weibo img{ height:24px; opacity:.9;}



.ico_weibo a:hover img{opacity:1;}







.hd_search{ float:right; margin-left:20px; position:relative;}



.hd_search .s_input{ width:359px; height:48px; line-height:48px; padding:0 10px; float:left; border-right:1px solid #f0f0f0;}



.hd_search .s_button{ width:60px; height:48px; line-height:48px; background:url(../images/icon-search-m.svg) center no-repeat; cursor:pointer; outline:0; float:right;}



.search-con{display:none;}



.search-con:checked ~ .search{display: block;}



.search-btn{ display:block; width:60px; padding:28px 0; background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); text-align:center; cursor:pointer;}



.search-btn img{ width:26px;}



.hd_search .search{ display:none; position:absolute; right:0px; top:94px; width:440px; height:48px; background:rgba(255,255,255,1); border-radius:7px; z-index:101; box-shadow:0 0 15px #333;}



.hd_search .search:after { content: ''; position:absolute; right:24px; top:-12px; z-index:101; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:12px solid #fff;}











#menu { width:3px; height:220px; position:fixed; list-style-type:none; z-index:98; transition: all 0.36s ease-in-out; right:50px; top:50%; margin-top:-110px;background:linear-gradient(0deg,rgba(128,189,132,.6) 0%,rgba(100,185,175,.6) 34%,rgba(22,118,181,.5) 93%);}



#menu li { padding:0;}



#menu a {height:55px; display:block; position: relative;}



#menu .active a::after{ position: absolute; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height:55px; background:#fff;}



#menu  a:hover::after { position: absolute; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height:55px;}



#menu.abc{ transition: all 1s ease; background:linear-gradient(0deg,rgba(128,189,132,.6) 0%,rgba(100,185,175,.6) 34%,rgba(22,118,181,.5) 93%);}



#menu.abc a{ transition: all 1s ease;}



#menu.abc .ix-logo-img{ display: none;}



#menu.abc .ix-logo-img2{ display: block; transition: all 1s ease;}



#menu.abc .active a::after{ position: absolute; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height:55px; background: -webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,1));}



#menu.abc  a:hover::after { position: absolute; bottom: 0; left: 0; right: 0; content: ""; width: 100%; height:55px; background: -webkit-linear-gradient(left,rgba(255,255,255,1),rgba(255,255,255,1));}











.aside-bar{ position:fixed;right:2px;bottom:50px; width:64px;z-index:99;} 



.aside-bar li{display:block; width:64px; height:64px; line-height:64px; position:relative; margin:12px 0 0; background:linear-gradient(270deg,rgba(128,189,132,.8) 0%,rgba(100,185,175,.8) 34%,rgba(22,118,181,.8) 93%); border-radius:100%; text-align:center;}



.aside-bar li b{ display:inline-block; width:36px;}



.aside-bar li b img{ width:100%; vertical-align:middle;}



.aside-bar li.s2 b{ width:38px;}



.aside-bar li .hide { width:212px; position:absolute; left:-212px; top:0; text-align:left; line-height:25px;}



.aside-bar li .hied_con {width:185px;background:#fff; border-radius:7px;padding:10px 0 10px 15px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.2);transition: width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out; display:none;}



.aside-bar li:hover .hied_con { display:block;}



.aside-bar li .hied_con:after { content: ""; width:10px; height:10px; background:#fff; position:absolute; right:7px; top:28px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}



.aside-bar li .hied_con p{ color:#888; font-size:14px;}



.aside-bar li .hied_con strong{ font-size:18px; color: #000}



.aside-bar li .hied_con a{ color:#00B299;}



.aside-bar li .hide2 { width:auto; position:absolute; right:60px; top:0; text-align:left; line-height:25px; padding-right: 10px;}

.aside-bar li .hied_con2 { width:auto; background:#fff; border-radius:7px;padding:10px 5px 10px 15px;box-shadow:0 0 8px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,.2);transition:width 0.3s ease-in-out;-webkit-transition: width 0.3s ease-in-out; display:none;}



.aside-bar li:hover .hied_con2 { display:block;}



.aside-bar li .hied_con2:after { content: ""; width:10px; height:10px; background:#fff; position:absolute; right:7px; top:28px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}



.aside-bar li .hied_con2 p{ color:#888; font-size:14px;}



.aside-bar li .hied_con2 strong{ font-size:18px;}



.aside-bar li .hied_con2 a{ color:#00B299;}



.aside-bar li.s4 a{ width:180px; height:30px; background:#fff; line-height:30px; text-align:center; display:inline-block; border-radius:5px; color:#fff; margin:8px 10px 8px 0;}



.aside-bar li.s4 a.s_btn1{ background:#3F7DD5;}



.aside-bar li.s4 a.s_btn2{ background:#00B39B;}




.banner{ background-color: #000; }



.banner .fp-tableCell{ text-align:center; color:#fff; display: inline-block;}



.banner h1{ font-size:72px; letter-spacing:6px; margin:0 0 40px;}



.banner .b_txt{ font-size:24px; margin:0 0 40px;}



.banner .icon_video{ margin:0 0 40px;}



.banner .icon_video img{ width:65px;}



.banner .b_more{ display:inline-block; font-size:18px; border-bottom:3px solid #06AB9A; color:#fff;}



.fp-controlArrow.fp-prev{ background: url(../images/l1.png)no-repeat center center; width: 50px; height: 50px; border-width: 0px; left: 50px;}



.fp-controlArrow.fp-next{ background: url(../images/r1.png)no-repeat center center; width: 50px; height: 50px; border-width: 0px; right: 50px;}



.banner.active .slide.active .fp-tableCell{ animation-duration: 1s; animation-fill-mode: both; animation-delay: 0.2s; animation-name: fadeInUp;} 



.scroll{ position:absolute; left:50%; bottom:40px; transform:translate(-50%); z-index:99; text-align:center;}



.scroll img{ display:block;}



.scroll a{ color:#fff;}







.banner video{position: absolute; 



    right: 0;



    bottom: 0; 



    min-width: 100%;



    min-height: 100%;  



    width: auto;



    height: auto;  



    z-index: -100; 



/*    -webkit-filter: grayscale(20%);*/



}



















.active .index-head {animation-delay: 0.2s; animation-name: fadeInUp; z-index:5; position:relative;}



.index-head{ text-align:center; color:#fff; margin:0 0 40px; width:100%;}



.index-head h2{ font-size:50px; font-weight:normal; margin:50px 0 30px;}



.index-head p{ font-size:20px;}







.index-case-logo{ text-align:center; margin:0 0 40px; z-index:5; position:relative;}



.index-case-img{   left:0px; bottom:10%; width:100%; text-align:center; vertical-align:middle; z-index:3;}



.index-case-img img{ max-width:100%;}







.index-case-img .a01{position:absolute; left:0px; right: 0; bottom:0; }



.index-case-img .a01 img{animation:goCircel 80s linear infinite}



.index-case-img .a02{position:absolute; left:0px; right: 0; bottom:0; }



.index-case-img .a02 img{animation:unCircel 80s linear infinite}



.index-case-img .a03{position:absolute; left:0px; right: 0; bottom:0; }



@keyframes goCircel{



        from{ transform:rotate(360deg) } to{ transform:rotate(0deg) }



    }







    @keyframes unCircel{



        from{ transform:rotate(0deg) } to{ transform:rotate(360deg) }



    } 







.index-case-bg{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:4; background-color:rgb(0,0,0, .4);}



.index-case-list{ padding:0 10%; position:relative; z-index:5;}



.index-case-list li{ width:33.33%; float:left;}



.index-case-list li a{ width:250px; height:174px; margin:0 auto; display:block; text-align:center; background-color:rgb(255,255,255,0.07); background-image:url(../images/icon_bj.png); background-repeat:no-repeat; padding:60px 0 0;}



.index-case-list li b{ width:75px; display:inline-block; margin:0 0 20px;}



.index-case-list li p{ font-size:24px; color:#fff;}



.index-case-list li a:hover{ background:linear-gradient(270deg,rgba(128,189,132,.6) 0%,rgba(100,185,175,.6) 34%,rgba(22,118,181,.5) 93%);}



.index-case-list li a:hover b{-webkit-transition: all ease 0.7s;



  -moz-transition: all ease 0.7s;



  -ms-transition: all ease 0.7s;



  transition: all ease 0.7s;-webkit-transform: rotateY(180deg);



  -moz-transform: rotateY(180deg);



  transform: rotateY(180deg);}



.index-case.active .index-case-list li:nth-child(1){animation-delay: 0.3s; animation-name: fadeInUp;}



.index-case.active .index-case-list li:nth-child(2){animation-delay: 0.4s; animation-name: fadeInUp;}



.index-case.active .index-case-list li:nth-child(3){animation-delay: 0.5s; animation-name: fadeInUp;}











.index-map .index-head{ position:absolute; top:90px; left:0px; z-index:99;}



.index-map-box{ position: relative;}

.index-map-box .map-note{ position: absolute; right: 10%; top: 100px;}

.index-map-box .map-note li{ color: #fff; list-style-type: none; display: inline-block;margin-right: 5px;}

.index-map-box .map-note li i{ width:30px; height: 15px;  background-color: #fff; display: inline-block; vertical-align: middle; margin-right: 5px; border-radius: 3px;}



.index-news .index-head h2{ margin:65px 0 20px;}

.index-news-list{ padding:0 8%; position:relative;}



.index-news-list a{ width: 100%; height: 410px; box-sizing: border-box; display:block; float:left; position: relative; padding:10px 20px; border-right:1px solid rgba(255,255,255,.3);}



.index-news-list h3{ font-size:20px; color:#fff; font-weight:normal; margin:12px 0; height: 60px;}



.index-news-list .n_txt{ font-size:15px; color:#fff; margin:10px 0;height: 47px;

    overflow: hidden;}



.index-news-tit{ padding: 20px 30px 20px 30px;}



.index-news-img{ width:100%; overflow:hidden;}



.index-news-img img{ width:100%; transition: all 1s; background-color: #fff;}



.index-news-img img:hover{transform:scale(1.1);}



.index-news-time{ color:#fff;}



.index-news-time strong{ font-size:40px; font-weight:normal; line-height:50px; margin:0 0 5px;}



.index-news-time p{font-size:18px; display:block;padding-left: 5px;}



/*.index-news-list a:hover{ background:linear-gradient(270deg,rgba(128,189,132,.6) 0%,rgba(100,185,175,.6) 34%,rgba(22,118,181,.6) 93%);}*/



.index-news-list a b{ display:block; opacity:.5}



.index-news-list a:hover b{ opacity:1}



.index-news-list a:hover h3, .index-news-list a:hover p, .index-news-list a:hover strong{ color:#f7f7f7;}

.index-case-more{ display:block; width:180px; height:40px; margin:15px auto 0; line-height:40px; text-align:center; border:1px solid rgba(255,255,255,.5);  color:#fff; border-radius: 8px;}

.index-case-more:hover{ background:linear-gradient(270deg,rgba(128,189,132,.8) 0%,rgba(100,185,175,.8) 34%,rgba(22,118,181,.8) 93%); border:1px solid rgba(22,118,181,.8); color:#fff;}



.index-news .swiper-button-prev{ left:5%; color:#fff;}



.index-news .swiper-button-next{ right:5%; color:#fff;}







.index-news.active .index-news-list .swiper-slide:nth-child(1){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(2){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(3){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(4){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(5){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(6){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(7){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(8){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(9){animation-delay: 0.2s; animation-name: fadeInUp;}



.index-news.active .index-news-list .swiper-slide:nth-child(10){animation-delay: 0.2s; animation-name: fadeInUp;}



.news-list-con{ width:100%; overflow: hidden; }



.news-list-con-hover{ position: absolute; left: 0px; bottom: 0px; width:100%; height: 0; overflow: hidden; box-sizing:border-box; background:linear-gradient(270deg,rgba(128,189,132,.6) 0%,rgba(100,185,175,.6) 34%,rgba(22,118,181,.6) 93%);  }

.news-list-con-hover .news_info{ padding:20px; width:100%; box-sizing:border-box; display: inline-block; }

.news-list-con-hover .news_info .news_date{ color: #ccc; }

.news-list-con-hover .news_info .h3{color: #fff;}

.news-list-con-hover .news_info .news_note{ color: #fff; height: 200px; }

.news-list-con-hover .news_info .news_more{ margin: 20px auto; color: #fff; text-align: center; width:130px; height: 36px; line-height: 36px; border:#fff solid 1px; border-radius: 8px; }

.news-list-con-hover .news_info .news_more:hover{ background-color: #fff; color: rgba(0, 179, 155, 1) }





.footer{ background: url(../images/bj5.jpg)no-repeat top center; background-size: cover;}



.footer-link{ padding:50px 3%; color:#89B0B4;border-top: #367892 solid 1px;}



.copyright{ padding:25px 0; line-height:20px; color:#999999; text-align:center; background: #252525}



.copyright .c_wp{ padding:0 6%;}



.copyright a:hover, .copyright a{ color:#999999;}



.footer-link dl{ width:19%; float:left; padding:0 0 0 1%; background:url(../images/icon_05.png) top left no-repeat;}



.footer-link dl dt{ color:#fff;}



.footer-link dl dt{ font-size:20px; margin:0 0 15px;}



.footer-link dl dd{ line-height:26px; padding:6px 0 0;}



.footer-link dl dd a{ color:#89B0B4;}



.footer-link a:hover{ color:#fff;}



.footer-link dl.f_nav01{ width:14%;}



.footer-link dl.f_nav02{ width:22%;}



.footer-link dl.f_nav03{ width:32%; text-align:center; padding:0; background:none;}



.footer-link dl.f_nav04{ width:15%; float:right;}



.footer-link dl.f_nav05{ width:10%; float:right;}



.footer-link dl.f_nav03 strong{ font-size:28px; font-weight:normal; color:#fff;}





.footer.active .footer-link .clearfix dl:nth-child(1){animation-delay: 0.2s; animation-name: fadeInUp;}



.footer.active .footer-link .clearfix dl:nth-child(2){animation-delay: 0.3s; animation-name: fadeInUp;}



.footer.active .footer-link .clearfix dl:nth-child(3){animation-delay: 0.4s; animation-name: fadeInUp;}



.footer.active .footer-link .clearfix dl:nth-child(4){animation-delay: 0.5s; animation-name: fadeInUp;}



.footer.active .footer-link .clearfix dl:nth-child(5){animation-delay: 0.6s; animation-name: fadeInUp;}







.weixin{ cursor: pointer; }



.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.85;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; z-index:105;}



.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center; z-index:106;}



.popover1 dl { margin-top:60px; font-size:14px; color:#333; line-height:30px;}



.popover1 dl a { width:100px; height:36px; line-height:36px; background:#0B8988; color:#fff; display:inline-block; border-radius:4px; -webkit-border-radius:4px; font-size:14px; margin-top:10px; 



transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}



.popover1 dl a:hover { background:#ffb612;}



.popover1 dd img{ width:200px;}







.header_box .green{ display:none;}



.header_box.con_header .white{ display:none;}



.header_box.con_header .green{ display:inline-block;}







.header_box.con_header{ background:#fff;}



.header_box.con_header .nav_box li a{ color:#222;}







.crumbs_banner{ width:100%; height:360px; overflow: hidden; text-align:center; color:#fff; padding:180px 0 0; position: relative;}



.crumbs_banner .c_img{ margin:0 0 30px;}



.crumbs_banner .c_img img{ max-width:1200px;}



.crumbs_banner .c_txt{ font-size:24px;}



.crumbs_banner .c_txt span{ width:110px; height:1px; background:#fff; display:inline-block; margin:0 20px 8px;}

.crumbs_banner p{ font-size:24px;}



.crumbs_banner h1{ font-size:50px; text-shadow:5px 2px 1px #000; margin:0 0 30px;}



.cooperate-btn{ width:160px; height:50px; line-height:50px; text-align:center; background:rgba(0,178,154,.5); color:#fff; border-radius:25px; font-size:18px; display:inline-block; margin:20px 0 0;}



.cooperate-btn:hover{ background:rgba(0,178,154, 1); color:#fff;}



.crumbs_banner video{position: absolute; 



    right: 0;



    bottom: 0; 



    min-width: 100%;



    min-height: 100%;  



    width: auto;



    height: auto;  



    z-index: -100; 



/*    -webkit-filter: grayscale(20%);*/



}



.about_ggjj{ padding:80px 0; background:#fff;}



.con_title{ width:100%; text-align:center;}



.con_title h2{ font-size:36px; padding:0 0 6px; position:relative; margin:0 0 40px;}



.con_title h2:after{ content: ""; display:block; width:22px; height:3px; background:#5BB3B1; position:absolute; left:50%; bottom:0; transform:translate(-50%);}







.about_ggjj .a_txt{ width:760px; line-height:36px;}



.about_ggjj .a_txt .a_company{ font-size:30px; margin:20px 0; position:relative; padding:0 0 10px;}



.about_ggjj .a_company:after{ content: ""; display:block; width:105px; height:4px; background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); position:absolute; left:0; bottom:0;}



.about_ggjj .a_img{ width:600px; overflow:hidden; border-radius:10px;}



.about_ggjj .a_img img{ width:100%; transition: all 1s;}



.about_ggjj .a_img img:hover{ transform:scale(1.1);}



.about_ggjj hr{ border-bottom:1px solid #ddd; margin:50px 0;}







.about_fzlc{ padding:80px 0 200px; background:url(../images/bg-history.jpg) top center no-repeat;}



.about_fzlc .w1400{ position:relative;}



.about_fzlc .w1400 hr{ border-bottom:1px solid #093048; position:absolute; left:0; top:50%; width:100%;}



.about-history{}



/*.about_fzlc .swiper-button-prev{ left:-20px; color:#fff;}



.about_fzlc .swiper-button-next{ right:-20px; color:#fff;}*/



.about_fzlc .con_title h2{ color:#fff;}



.about_fzlc .con_title h2:after{ background:#fff;}



.about-history .h_list{ text-align:center; padding:0 50px; color:#fff;}



.about-history .h_list h3{ font-size:24px; margin:0 0 10px;}



.about-history .h_list strong{ display:block; font-weight:normal; font-size:18px;}



.about-history .h_list p{ line-height:25px;}



.about-history .h_list b{ margin:20px 0 40px; display:block;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ display:none;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display:none;}

.about_fzlc .swiper-button-prev{ display: block; width:25px; height:42px; box-sizing: border-box; position: absolute; top: 50%; margin-top:-20px; left:-20px;background: url(../images/prev.png) no-repeat center center;}
.about_fzlc .swiper-button-next{ display: block; width:25px; height:42px; box-sizing: border-box; position: absolute; top: 50%; margin-top:-20px; right:-20px;background: url(../images/next.png) no-repeat center center;}
.about_fzlc .swiper-button-prev.swiper-button-disabled{background-image: url(../images/prev2.png);}
.about_fzlc .swiper-button-next.swiper-button-disabled{background-image: url(../images/next2.png);}






.about_culture{ padding:80px 0;}




.about_culture .culture_img{ width:100%; border-radius:10px; overflow:hidden;}



.about_culture .culture_img img{ width:100%; transition: all 1s;}



.about_culture .culture_img img:hover{ transform:scale(1.1);}



.about_culture .culture_txt{ padding:30px 30px 0; font-size:18px; line-height:30px;}


.culture-box{}
.culture-box .culturelist{ width: 100%; height: 350px; overflow: hidden;  }
.culture-box .culturelist:nth-child(odd) .p{ float: right; width:50%; height: 350px; overflow: hidden;  }
.culture-box .culturelist:nth-child(odd) .p img{ width: 100%;}
.culture-box .culturelist:nth-child(odd) .t{ width: 50%; height: 350px; background-color: #F7F8FA; text-align: left; padding:30px; box-sizing: border-box; line-height: 200%; position: relative;}
.culture-box .culturelist:nth-child(odd) .t p{font-size: 16px; line-height: 180%;}
.culture-box .culturelist .t .icon{ background: url(../images/a_r2_c2.jpg) no-repeat center;position:absolute; right: 20px; top: 20px; width: 32px; height: 32px;}


.culture-box .culturelist:nth-child(even) .p{  width:50%; height: 350px; overflow: hidden; display: inline-block; }
.culture-box .culturelist:nth-child(even) .p img{ width: 100%;}
.culture-box .culturelist:nth-child(even) .t{ float: right; height: 350px; width: 50%; text-align: left; background-color: #F7F8FA; padding:30px; box-sizing: border-box;line-height: 200%; position: relative;}
.culture-box .culturelist:nth-child(even) .t p{font-size: 16px; line-height: 180%;}
.culture-box .culturelist .t b{font-size: 22px; line-height: 180%; vertical-align: middle;}
.culture-box .culturelist .t i{font-size: 50px; background-image:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent;font-weight: bold; vertical-align: middle; padding-right: 10px;}
.culture-box .culturelist .t .txt{ padding-top: 15px;}



.about_contact{ padding:80px 0 0; background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%);}



.about_contact .con_title h2{ color:#fff;}



.about_contact .con_title h2:after{ background:#fff;}



.contact_map{ width:100%;}



.contact_map img{ width:100%;}







.main-container{ width:100%; padding:80px 0; background:#fff;}



.menu_news{ border-bottom:1px solid #ddd;}



.menu_news h3{ float:left; font-size:24px; padding:25px 0; height:30px; line-height:30px;}



.menu_news h3 b{ display:inline-block; margin:0 10px 0 0;}



.menu_news h3 p{ display:inline-block; font-size:16px; font-weight:normal; padding:0 0 0 20px; color:#999;}



.menu_news ul{ float:right;}



.menu_news ul li{ padding:26px 20px 0; height:50px; margin:0 10px; display:inline; font-size:16px; float:left; border-bottom:4px solid #fff; cursor: pointer;}



.menu_news ul li a{ display:block; color:#666; font-size:18px;}



.menu_news ul li.hover a, .menu_news ul li:hover a{ color:#0C8989;}



.menu_news ul li.hover, .menu_news ul li:hover{ border-bottom:4px solid #0C8989;}



.menu_news ul li b{ width:32px; height:32px; display:inline-block; margin:0 10px 0 0; vertical-align:middle;}



.menu_news ul li b img{filter:grayscale(100%);}



.menu_news ul li:hover b img{filter:grayscale(0); }



.menu_news ul li.hover b img{filter:grayscale(0); }



/*



.menu_news ul li b.news01{ background:url(../images/icon-new1.png) no-repeat;}



.menu_news ul li b.news02{ background:url(../images/icon-new2.png) no-repeat;}



.menu_news ul li b.news03{ background:url(../images/icon-new3.png) no-repeat;}



.menu_news ul li.hover b.news01, .menu_news ul li:hover b.news01{ background:url(../images/icon-new1-hover.png) no-repeat;}



.menu_news ul li.hover b.news02, .menu_news ul li:hover b.news02{ background:url(../images/icon-new2-hover.png) no-repeat;}



.menu_news ul li.hover b.news03, .menu_news ul li:hover b.news03{ background:url(../images/icon-new3-hover.png) no-repeat;}



*/







.menu_news ul li b.case01{ background:url(../images/icon-case1.png) no-repeat;}



.menu_news ul li b.case02{ background:url(../images/icon-case2.png) no-repeat;}



.menu_news ul li b.case03{ background:url(../images/icon-case3.png) no-repeat;}







/*



.menu_news ul li.hover b.case01, .menu_news ul li:hover b.case01{ background:url(../images/icon-case1-hover.png) no-repeat;}



.menu_news ul li.hover b.case02, .menu_news ul li:hover b.case02{ background:url(../images/icon-case2-hover.png) no-repeat;}



.menu_news ul li.hover b.case03, .menu_news ul li:hover b.case03{ background:url(../images/icon-case3-hover.png) no-repeat;}



*/



.con_menu{ position:fixed; top:83px; left:0px; z-index:100; width:100%; background:#fff;}



.newsbox{ width:100%;}



.newsbox .listbox{ margin-left:-15px; margin-right:-15px;}



.newsbox .listbox li{ width:325px; float:left; margin:0 15px 50px; border:1px solid #DBE0E2; padding:0 0 12px;}



.newsbox .listbox li .n_img{ width:100%; margin:0 0 15px; overflow:hidden;}



.newsbox .listbox li .n_img img{ width:100%; transition: all 1s;}



.newsbox .listbox li .n_img img:hover{ transform:scale(1.1);}



.newsbox .listbox li .n_title{ padding:0 15px; font-size:18px; height:25px; line-height:25px; overflow:hidden; margin:0 0 10px;}



.newsbox .listbox li .n_text{ padding:0 15px; height:75px; line-height:25px; overflow:hidden; color:#666; margin:12px 0 20px;}



.newsbox .listbox li .n_time{ padding:0 15px; color:#888;}



.newsbox .listbox li .n_time b{ display:inline-block; width:20px; margin:0 10px 0 0;}



.newsbox .listbox li .n_time b img{ width:100%;}







.details_box{}



.details_title{ border-bottom:1px solid #ddd; padding:0 0 30px; margin:0 0 50px;}



.details_title .news_date{ color:#0C8988; width:120px; float:left; border-right:1px solid #ddd; padding:10px 0; margin:0 50px 0 0;}



.details_title .news_date strong{ font-size:55px; line-height:60px; font-weight:normal; margin:0 0 5px; display:block;}



.details_title .news_date p{}



.details_title .share{ width:160px; float:right; padding:60px 0 0;}



.details_title .share img{ width:24px; margin:0 0 0 15px;}



.news_title{ padding:10px 0; float:left; width:1020px;}



.news_title h2{ font-size:28px; font-weight:normal; line-height:36px; margin:0 0 20px;}



.news_title p{ display:block; color:#888; height:22px; line-height:22px; overflow:hidden;}



.details_text{ line-height:26px;}



.details_text img{ max-width:100%;}



.page_list{ border-top:1px solid #ddd; margin:50px 0 0; padding:40px 0 0;}



.page_list .n_back{ float:right; width:120px; height:50px; line-height:50px; display:block; text-align:center; margin:10px 0 0; background:#0C8988;}



.page_list .n_back a{ display:block; color:#fff;}



.page_list .n_back a:hover{ background:rgba(0,178,154,1);}



.page_list .n_back a img{ margin:0 15px 0 0; vertical-align:middle;}



.page_list li{ margin:10px 0; color:#666;}







.am-pagination{padding-left:0;list-style:none;color:#999;text-align:center}



.am-pagination:after,.am-pagination:before{content:" ";display:table}



.am-pagination:after{clear:both}



.am-pagination>li{display:inline-block}



.am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:1.5em;text-decoration:none;line-height:0.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:0px; font-size: 12px;}



.am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}



.am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}



.am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0B8988;border-color:#0B8988;cursor:default}



.am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}



.am-pagination .am-pagination-prev{ }



.am-pagination .am-pagination-prev a{border-radius:0}



.am-pagination .am-pagination-next{ }



.am-pagination .am-pagination-next a{border-radius:0}



.am-pagination-centered{text-align:center}



.am-pagination-right{text-align:right}



.page-item.active .page-link{color: #fff;background-color: #185c84;

    border-color: #185c84;}











.case-container{ width:100%; background:#FAFAFA; padding:80px 0;}



.case_box{}



.case_menu{ width:310px; float:left;}



.case_menu li{ margin:0 0 30px;}



.case_menu li a{ border-bottom: #ccc solid 4px; display:block; width:100%; height:62px; line-height:62px; text-align:center; background:#fff; box-shadow:0 0 10px #ccc; font-size:18px; border-radius:8px; cursor: pointer;}



.case_menu li.hover a, .case_menu li:hover a{ 

/*  background-color: #4BBAB3;*/

  background:linear-gradient(90deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); 

  color:#fff; border-bottom: #1576B5 solid 4px}



.case_list{ width:1020px; float:right; background:#fff; padding:60px; display: none; box-sizing: border-box;}
.case_list.active{ display: block;}


.case_txt{  }



.case_txt img{ max-width:100%;}



.case_txt h2{ margin:0 0 30px; text-align:center; font-size:36px; position:relative; padding:0 0 10px;}



.case_txt h2:after{ content: ""; display:block; width:22px; height:3px; background:#5BB3B1; position:absolute; left:50%; bottom:0; transform:translate(-50%);}


.case_txt h3{ background: url(../images/txt_h2.png) no-repeat right center; padding-right: 170px; margin:0 0 30px; text-align:left; font-size:32px; display: inline-block; }



.case_txt p{ margin:0 0 20px; line-height: 180%;}

.case_txt li{ list-style-type: disc;}

.case_txt video{ max-width: 100%; height: auto !important;}







.cooperate_one{ padding:80px 0;}



.cooperate_city_list{ margin:0 0 50px; font-size:18px;}



.select_module_con{ float:left; width:150px; height:50px; position:relative;}



.select_result{ width:108px; line-height:48px; border:1px solid #e8e8e8; background:#f5f5f5; border-radius:22px; cursor:pointer; font-weight:bold; padding:0 20px;}



.select_result .triangle{ border:6px solid transparent;border-top:6px solid #666;position:absolute;top:21px; right:18px;}



.select_module_con ul{ display:none; position:absolute;top:35px;right:0;width:148px;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:0; border-top-color:#f5f5fe; padding:15px 0 0; z-index: 9999999;}



.select_module_con ul li{ padding:5px 20px; cursor: pointer;}



.select_module_con ul li:hover{background:#eee;}



.cooperate_city_list .city{ float:left; margin:0 0 20px 25px; display:inline; padding:0 30px; height:50px; line-height:50px; background:#f5f5f5; border-radius:25px; cursor: pointer;}



.cooperate_city_list .city.hover, .cooperate_city_list .city:hover{ background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); color:#fff;}



.cooperate_city_box .city_img{ float:left; width:48%; overflow:hidden; border-radius:10px;}



.cooperate_city_box .city_img img{ width:100%; transition: all 1s;}



.cooperate_city_box .city_img img:hover{ transform:scale(1.1);}

.cooperate_city_box .city_img video{   background:#000; }



.cooperate_city_box .city_txt{ float:right; width:50%;}



.cooperate_city_box .city_txt h3{ font-size:30px; font-weight:normal; padding:0 0 10px; position:relative; margin:0 0 20px;}



.cooperate_city_box .city_txt h3:after{ content: ""; display:block; width:105px; height:4px; background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%); position:absolute; left:0; bottom:0;}



.cooperate_city_box .city_txt p{ line-height:36px;}



.cooperate_city_box .city_txt a{ display:inline-block; padding:0 30px; font-size:18px; color:#00B39B; height:48px; line-height:48px; border:1px solid #00B39B; border-radius:5px; margin:20px 0 0;}



.cooperate_city_box .city_txt a:hover{ background:#00B39B; color:#fff;}







.cooperate_two{ padding:80px 0; background:#f7f7f7 url(../images/bj6.png) center bottom no-repeat;}



.cooperate_partner{ margin-left:-8px; margin-right:-8px;}



.cooperate_partner li{ width:158px; height:105px; line-height:105px; overflow:hidden; padding:20px 30px; float:left; margin:10px 8px; display:inline; border:1px solid #DBE0E2; background:#fff; text-align:center;}



.cooperate_partner li img{ width:100%; vertical-align:middle; transition: all 1s;}



.cooperate_partner li img:hover{ transform:scale(1.1);}



.cooperate_three{ padding:80px 0;}



.cooperate_join{ margin-left:-15px; margin-right:-15px;}



.cooperate_join li{ width:685px; float:left; margin:0 15px; display:inline; text-align:center; position:relative; overflow:hidden; border-radius:10px;}



.cooperate_join li img{ width:100%; transition: all 1s;}



.cooperate_join li:hover img{ transform:scale(1.1);}

.cooperate_join li .coo_bj{ display:none; width:100%; height:100%;background-color:rgba(0, 0, 0, .5); position:absolute; left:0px; top:0px;}

.cooperate_join li:hover .coo_bj{ display:block;}



.cooperate_join li .coo_txt{ position:absolute; left:0px; top:0px; text-align:center; color:#fff; width:100%; padding:150px 0 0;}



.cooperate_join li .coo_txt h4{ font-size:36px;}



.cooperate_join li .coo_txt p{ text-transform:uppercase; font-size:22px;}







.cooperate_join li .coo_job{ position:absolute; left:0px; top:0px; text-align:center; color:#fff; width:100%; padding:150px 0 0;}



.cooperate_join li .coo_job h4{ font-size:36px;}



.cooperate_join li .coo_job p{ text-transform:uppercase; font-size:22px;}



.cooperate_join li .coo_job_h{ display:none; position:absolute; left:0px; top:0px; text-align:center; color:#fff; width:100%; padding:100px 0 0;}



.cooperate_join li .coo_job_h h4{ font-size:36px;}



.cooperate_join li .coo_job_h p{ font-size:22px;}



.cooperate_join li .coo_job_h .uppercase{ text-transform:uppercase; margin:0 0 10px;}



.cooperate_join .hide:hover .coo_job_h{ display:block;}



.cooperate_join .hide:hover .coo_job{ display:none;}







.apply_bg{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.85;filter:alpha(opacity=75);-moz-opacity:0.75; display:none; z-index:106;}



.apply_box{ width:480px; height:460px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-230px 0 0 -240px; box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; z-index:106; border-radius:10px;}



.apply_box .a_tit{ text-align:center; padding:25px 30px; font-size:22px; font-weight:bold; color:#5A5A5A;}



.apply_box .close{ position:absolute; right:25px; top:25px; width:32px; height:32px;}



.apply_box ul{ padding:0 30px 30px; display:block;}



.apply_box ul li{ margin:0 0 25px; position:relative; border:1px solid #D9D9D9; padding:9px 12px 9px 54px; border-radius:6px;}



.apply_box ul li b{ position:absolute; left:15px; top:12px; display:block; width:24px; height:24px;}



.apply_box ul li .a_input{ width:100%; border:none; height:30px; line-height:30px;}

.apply_box ul li .inp{ width:100%; border:none; height:30px; line-height:30px;}

.apply_box ul li .a_yzm{ position:absolute; right:0px; top:0px; display:block; width:122px; height:48px; text-align:center; line-height:48px; color:#fff; background:rgba(0, 179, 155, 1); border-top-right-radius:6px; border-bottom-right-radius:6px; font-size:14px;}



.apply_box ul li.a_apply{ margin:0; padding:0; border:none;}



.apply_box ul li .a_btn{ width:100%; border:none; height:50px; background:rgba(0, 179, 155, 1); text-align:center; line-height:50px; color:#fff; padding:0; border-radius:6px; cursor:pointer;}











.tabBox .cooperate_city_box{ display: none;}



.tabBox .cooperate_city_box:first-child{ display: block;}







#org_video{ width: 800px;}



.link_box{  border-bottom: #175973 solid 1px; padding:16px 3%; color:rgba(255, 255, 255, 0.6); line-height:40px; }



.link_box dl dt{ float:left; margin:0 20px 0 0;}



.link_box dl dd a{ color:rgba(255, 255, 255, 0.6); display:inline-block;}



.link_box dl dd a:hover{ color:#fff;}



.link_box dl dd span{ padding:0 10px; display:inline-block;}



.banner-tableCell{ 

    width: 100%; text-align: center; padding-top: 15%;}



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 99999992; 

}

#preloader #preloader-inner {

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #80BD84;

    animation: spin 2s linear infinite;

}

#preloader #preloader-inner:before {

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #4CA08B;

    animation: spin 3s linear infinite;

}

#preloader #preloader-inner:after {

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color:#1172B7;

    animation: spin 1.5s linear infinite;

}

@keyframes spin {

    0% {

    transform: rotate(0deg);

}

to {

    transform: rotate(1turn);

}

}


@keyframes xuanfu {
0% {top: 22%;}
50% {top: 23%;}
100% {top: 22%;}
}
 

.index-map-box{ z-index: 99; }
.index-service{text-align:center; position:relative; }
.index-service .index-head{position: absolute; top: 45px;}

.index-service-logo{ text-align:center; position: absolute; left:0px; right: 0px; width: 40%; margin: 0px auto; top: 22%; z-index:5; animation: xuanfu 5s linear infinite;}
.index-service-logo img{ width: 100%;}
.index-service-list{ }
.index-service-list li{position: absolute; text-align: center; z-index: 99; width: 190px; -webkit-transform: scale(1);
  transform: scale(1);-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.index-service-list li img{ display: inline-block;}
.index-service-list li b{ display: block;font-size: 18px; color: #fff;}
.index-service-list li .note{ display: block;font-size: 16px; color: #9BB7C3}
.index-service-list li:nth-child(1){ left: 5%; top: 30%;}
.index-service-list li:nth-child(2){ left: 18%; top: 45%;}
.index-service-list li:nth-child(3){ left: 30%; top: 63%;}
.index-service-list li:nth-child(4){left: 0; right: 0;margin:auto; top: 70%;}
.index-service-list li:nth-child(5){ right: 30%; top: 63%;}
.index-service-list li:nth-child(6){ right: 18%; top: 45%;}
.index-service-list li:nth-child(7){ right: 5%; top: 30%;} 

.index-service-list li:hover, .index-service-list li:focus, .index-service-list li:active {
   
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
} 


#canvas{ position: absolute; top: 0px; left: 0px; opacity: 0.5; }

#particles-js, #parallax, .layer, .some-space, .some-more-space {
  height: 100%;
  position: absolute;
  width: 100%; z-index: 9;
}

#particles-js {
  opacity: 0.6;
}
 

.some-space {
  animation: rotate 18s 0.5s infinite linear reverse;
}

.some-more-space {
  -webkit-animation: rotate 15s 0.1s infinite linear;
          animation: rotate 15s 0.1s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
            transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
            transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}



@media screen and (min-width: 2600px) and (max-width: 4000px){
.index-service-list li{position: absolute; text-align: center; z-index: 99; width: 190px; -webkit-transform: scale(1);
  transform: scale(1);-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;}
.index-service-list li img{ display: inline-block;}
.index-service-list li b{ display: block;font-size: 20px; color: #fff;}
.index-service-list li .note{ display: block;font-size: 16px; color: #9BB7C3}
.index-service-list li:nth-child(1){ left: 5%; top: 30%;}
.index-service-list li:nth-child(2){ left: 18%; top: 45%;}
.index-service-list li:nth-child(3){ left: 30%; top: 70%;}
.index-service-list li:nth-child(4){ left: 0; right: 0;margin:auto; top: 75%; }
.index-service-list li:nth-child(5){ right: 30%; top: 70%;}
.index-service-list li:nth-child(6){ right: 18%; top: 45%;}
.index-service-list li:nth-child(7){ right: 5%; top: 30%;} 
}

@media screen and (max-width: 1440px) {



.w1400{ width:1200px;}



.nav_box{ margin:0 2% 0 0;}



.index-head{ margin:0 0 30px;}



.index-head h2{ font-size:48px; 
/*	margin:0px 0 20px;*/
	}



.menu_news{ padding:0;}



.case_list{ width:800px;}



.select_module_con{ margin:0 20px 0 0;}



.cooperate_city_list .city{ margin:0 16px 20px 0;}



.cooperate_partner li{ width:148px; padding:15px 18px;}



.cooperate_join li{ width:585px;}



.cooperate_join li .coo_txt{ padding:130px 0 0;}



.cooperate_join li .coo_job_h{ padding:80px 0 0;}



.newsbox .listbox li{ width:378px}



.details_title .news_date{ margin:0 30px 0 0; width:90px;}



.news_title{ width:900px;}



.about_ggjj .a_txt{ width:700px;}



.about_ggjj .a_img{ width:480px;}











}







@media screen and (max-width: 1280px) {



.nav_box{ margin:0;}



.nav_box li{ padding:0 26px; margin:0;}



.banner h1{ font-size:60px; margin:0 0 30px;}



.banner .b_txt{ margin:0 0 30px;}



.banner .icon_video{ margin:0 0 30px;}



.index-head h2{ font-size:42px;}



.index-case-logo{ margin:0 0 20px;}



.index-news-time strong{ font-size:30px; line-height:30px;}



.index-news-list h3{ font-size:20px;}



.index-news-list a{ padding:10px;}



.index-news-list .n_txt{ font-size:16px;}



.index-news-list a b{ display:none;}



.index-news .index-head p{ display:none;}



.w1400{ width:1024px;}



.menu_news ul li{ margin:0;}



.menu_news ul li.hover, .menu_news ul li:hover{ margin:0;}



.case_menu{ width:250px;}



.case_list{ width:684px;}



.cooperate_city_list .city{ margin:0 22px 20px 0;}



.cooperate_city_box .city_txt p{ line-height:25px;}



.cooperate_partner li{ width:182px; padding:20px 30px;}



.cooperate_join li{ width:497px;}



.cooperate_join li .coo_txt{ padding:100px 0 0;}



.cooperate_join li .coo_job{ padding:100px 0 0;}



.cooperate_join li .coo_job_h{ padding:60px 0 0;}



.newsbox .listbox li{ width:319px;}



.about_ggjj .a_txt{ width:530px; line-height:25px;}



.details_title .share{ display:none;}











}







@media screen and (max-width: 1050px) {



.top_share{ display:none;}



.nav-btn{ position:absolute; right:3%; top:25px; display: block;width:30px;height:30px;background: url(../images/menu.png);background-size: 100% 100%;}







.navbox{ position: fixed;width: 100%;height:100%;top:0;left:0;z-index:102; background:linear-gradient(270deg,rgba(128,189,132,1) 0%,rgba(100,185,175,1) 34%,rgba(22,118,181,1) 93%);padding:20px;transform: translateX(100%);transition: 0.4s; box-sizing:border-box;}



.navbox.nav-show{transition: 0.4s;transform: translateX(0);}



.navbox .nav-close{display: block;width:30px;height:30px;background: url(../images/close.png);background-size: 100% 100%;top:25px;right:3%;position: absolute;}



.nav_box{ width:100%;height:100%;padding-top:40px;position: relative;}



.nav_box li{float:none; text-align:center; border-bottom:1px solid rgba(255,255,255,.1); padding:0; margin:0; display:block;}





.nav_box li .nav-item{ padding:0;}

.nav_box li .dropdown{ position:static; display:block; background:none; padding:10px 0;}

.nav_box li .dropdown a{ padding:0; color:#fff;}





#menu{ right:20px;}



.aside-bar{ display:none;}







.banner h1{ font-size:48px;}



.banner .b_txt{ padding:0 20px; font-size:20px;}







.index-head h2{ font-size:36px;}



.index-head p{ padding:0 20px; font-size:18px;}



.index-case-list{ padding:0 3%;}



.index-case-list li{ padding:0 10px; box-sizing:border-box;}



.index-case-list li a{ width:171px; height:140px; background-size:cover !important; padding:20px 0 0}



.index-case-list li b{ margin:0 0 10px;}



.index-case-list li p{ font-size:18px;}







/*.index-map-box{ height:600px;}*/



.index-news-list a b{ display:block;}



.index-news-list a{ padding:20px;}



.index-news .swiper-button-next{ right:3%;}



.index-news .swiper-button-prev{ left:3%;}







.footer-link{ padding:50px 3% 40px;}



.footer-link dl.f_nav01{ width:32.33%;}



.footer-link dl.f_nav02{ width:32.33%;}



.footer-link dl.f_nav03{ display:none;}



.footer-link dl.f_nav04{ width:20%; float:right;}



.footer-link dl.f_nav05{ width:100%; float:left; margin:20px 0 0; line-height:22px;}



.footer-link dl.f_nav05 dt{ float:left; margin:0 20px 10px 0;}



.footer-link dl.f_nav05 dd{ float:left; margin:0 10px 10px 0; padding:0;}







.w1400{ width:100%; padding:0 20px; box-sizing:border-box;}



.crumbs_banner h1{ font-size:48px;}



.crumbs_banner .c_txt{ padding:0 20px; font-size:20px;}



.menu_news{ padding:0;}



.menu_news h3{ display:none;}



.menu_news ul{ width:100%; float:none; text-align:center;}



.menu_news ul li{ width:33.33%; height:80px; padding:26px 5px 0; display:inline-block; box-sizing:border-box;}







.case-container{ padding:30px 0;}



.case_menu{ margin-left:-5px; margin-right:-5px; width:100%; padding:0 0 10px; float:none;}



.case_menu li{ width:25%; padding:0 5px; box-sizing:border-box; float:left; margin:0 0 20px;}



.case_list{ width:100%; float:none; box-sizing:border-box;}



.cooperate_one{ padding:30px 0;}



.con_title h2{ margin:0 0 20px; font-size:32px;}



.select_module_con{ margin:0 10px 10px 0;}



.cooperate_city_list .city{ margin:0 10px 10px 0;}



.cooperate_city_list{ margin:0 0 30px;}



.cooperate_city_box .city_img{ width:100%; text-align:center; margin:0 0 20px;}



.cooperate_city_box .city_img img{ width:auto; max-width:100%;}



.cooperate_city_box .city_txt{ width:100%;}



.cooperate_two{ padding:30px 0;}



.cooperate_partner li{ width:31.33%; height:130px; margin:10px 1%; box-sizing:border-box; padding:10px 30px;}



.cooperate_three{ padding:30px 0;}



.cooperate_join li{ width:48%; margin:0 1%;}



.cooperate_join li .coo_txt{ padding:80px 0 0;}



.cooperate_join li .coo_job{ padding:80px 0 0;}



.cooperate_join li .coo_job_h{ padding:30px 0 0;}



.main-container{ padding:30px 0;}



.newsbox .listbox{ margin-left:-1%; margin-right:-1%;}



.newsbox .listbox li{ width:48%; margin:0 1% 20px; box-sizing:border-box;}



.details_title .news_date{ width:100%; margin:0; padding:0; border:none;}



.details_title .news_date strong{ display:inline-block; font-size:18px; font-weight:bold; line-height:30px;}



.details_title .news_date p{ display:inline-block;}



.news_title{ width:100%;}



.news_title p{ height:auto;}



.details_title{ padding:0 0 20px; margin:0 0 30px;}



.page_list{ padding:20px 0 0; margin:30px 0 0;}



.about_ggjj{ padding:30px 0;}



.about_ggjj .a_txt{ width:100%;}



.about_ggjj .a_img{ width:100%; margin:10px 0;}



.about_ggjj hr{ margin:20px 0;}



.about_fzlc{ padding:30px 0;}



.about_fzlc .swiper-button-next{ right:5px;}



.about_fzlc .swiper-button-prev{ left:5px;}



.about_culture{ padding:30px 0;}



.about_culture .culture_txt{ padding:20px 0 0;}



.about_contact{ padding:30px 0 0;}



#org_video{ width: 700px;}







}







@media screen and (max-width: 768px) {



#menu{ display:none;}



.banner h1{ font-size:36px;}



.index-case-list li a{ width:140px; height:111px;}



.index-case-list li b{ width:64px;}



.index-case-list li b img{ width:100%;}



/*.index-map-box{ height:380px;}*/



.index-map .index-head{ top:120px;}



.footer-link dl{ background:none; padding:0;}



.footer-link{ padding:30px 20px;}



.footer-link dl.f_nav01{ display:none;}



.footer-link dl.f_nav02{ width:50%;}



.footer-link dl.f_nav04{ width:32%;}



.crumbs_banner{ height:320px; background-size:cover !important; padding:120px 20px 0; box-sizing:border-box;}



.crumbs_banner h1{ font-size:36px; margin:0 0 20px;}



.crumbs_banner .c_txt{ font-size:18px;}



.crumbs_banner .c_txt span{ width:50px;}



.case_menu li{ width:33.33%;}



.menu_news ul li a{ text-align:center;}



.menu_news ul li b{ display:block; margin:0 auto 10px;}



.menu_news ul li{ height:110px; padding:20px 5px 0;}



.case_list{ padding:20px;}



.case_txt h2{ font-size:30px; margin:0 0 20px;}



.page_list .n_back{ float:none; margin:0 0 10px;}



.about-history .h_list h3{ font-size:18px;}



.about-history .h_list{ padding:0 10px;}



#org_video{ width: 500px;}


	
.index-service{text-align:center; position:relative; }
.index-service .index-head{position: absolute; top: 7%;}

.index-service-logo{ text-align:center; position: absolute; left:0px; right: 0px; width: 40%; margin: 0px auto; top: 22%; z-index:5; animation: xuanfu 5s linear infinite;}
.index-service-logo img{ width: 100%;}
.index-service-list{ }
.index-service-list li{position: relative; text-align: center; z-index: 99; width: 160px; }
.index-service-list li img{ display: inline-block;}
.index-service-list li b{ display: block;font-size: 20px; color: #fff;}
.index-service-list li .note{ display: block;font-size: 16px; color: #9BB7C3}
.index-service-list li:nth-child(1){ left: 5%; top: 30%;}
.index-service-list li:nth-child(2){ left: 18%; top: 45%;}
.index-service-list li:nth-child(3){ left: 30%; top: 63%;}
.index-service-list li:nth-child(4){ left: 46%; top: 70%;}
.index-service-list li:nth-child(5){ right: 30%; top: 63%;}
.index-service-list li:nth-child(6){ right: 18%; top: 45%;}
.index-service-list li:nth-child(7){ right: 5%; top: 30%;} 
	
	

}











@media screen and (max-width: 480px) {



.apply_box{ width:300px; height:410px; margin:-205px 0 0 -150px;}



.apply_box .a_tit{ font-size:18px;}



.apply_box ul li{ margin:0 0 15px;}



.apply_box ul li .a_input{ font-size:14px;}



.apply_box ul{ padding:0 15px 20px;}



.apply_box .close{ width:16px; height:16px; right:15px;}



.apply_box .close img{ width:100%;}



.banner h1{font-size:26px; margin:0 0 20px;}



.logo{ width:160px; height:45px; padding:15px 10px;}



.w1400{ padding:0 10px;}



.nav-btn{ width:25px; height:25px; right:10px;}



.banner .b_txt{ font-size:16px;}



.banner .icon_video img{ width:48px;}



.scroll{ bottom:20px;}



.index-head{ margin:0 0 20px;}



.index-head p{ font-size:16px;}



.index-case-logo img{ height:100px;}



.index-head h2{ font-size:26px;}



.index-case-list{ padding:0 5px;}



.index-case-list li{ padding:0 5px;}



.index-case-list li a{ width:92px; height:61px; padding:25px 0 0;}



.index-case-list li b{ width:36px; margin:0 0 30px;}



.index-case-list li p{ font-size:16px;}



/*.index-map-box{ height:260px;}*/



.index-news-list{ padding:0 10px;}



.index-news-list a{ padding:10px;}



.index-news-time{ display:none;}



.index-news-list a b{ display:none;}



.footer-link dl.f_nav04{}



.footer-link{ padding:20px 10px;}



.footer-link dl.f_nav04{ width:45%;}



.menu_news ul li a{ font-size:16px; line-height:20px;}



.crumbs_banner .c_txt{ font-size:16px;}



.case_list{ padding:10px;}



.crumbs_banner .c_txt span{ width:10px; margin:0 10px 8px;}



.cooperate_partner{ margin-left: -5px; margin-right: -5px;}



.cooperate_partner li{ width:48%; padding:10px 20px;}



.cooperate_join{ margin:0px;}



.cooperate_join li{ width:100%; margin:10px 0;}



.cooperate_join li .coo_txt{ position:static; color:#333; padding:10px 0 0;}



.cooperate_join li .coo_txt h4{ font-size:26px;}



.cooperate_join li .coo_job{ display:none;}



.cooperate_join li .coo_job_h{ display:block; position:static; color:#333; padding:10px 0 0;}



.cooperate_join li .coo_job_h h4{ font-size:26px;}



.am-pagination>li>a, .am-pagination>li>span{ padding:1em;}



.news_title h2{ font-size:24px;}



.crumbs_banner .c_img img{ width:280px;}



.con_title h2{ font-size:26px;}



.about_ggjj .a_txt .a_company{ font-size:20px;}







#org_video{ width: 300px;}











}